<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>聚品牌-形象展示-详情</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>
<!-- Demo styles -->
<style>
    .swiper-container {
        width: 100%;
        height: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .swiper-slide {
        background-size: cover;
        background-position: center;
    }
    
    .gallery-top {
        height: 420px;
        width: 100%;
    }
    
    .gallery-thumbs {
        height: 130px;
        box-sizing: border-box;
        padding: 20px 0;
    }
    
    .gallery-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.4;
    }
    
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
</style>

<body>
    <div class="app-wrap" v-cloak id="jpp_xx_show_detail">
        <header-top></header-top>
        <header-search-global type="服务"></header-search-global>
        <pinpai-header-top></pinpai-header-top>
        <common-top-nav1></common-top-nav1>
        <div class="container">
            <common-crumb :crumblist="crumblist"></common-crumb>
            <!-- Swiper -->
            <div class="swiper-container gallery-top mt-20">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="url in brandInfo.picUrl" :style="{ backgroundImage: 'url(' + url + ')' }"></div>
                </div>
                <!-- Add Arrows -->
                <div class="swiper-button-next swiper-button-white"></div>
                <div class="swiper-button-prev swiper-button-white"></div>
            </div>
            <div class="swiper-container gallery-thumbs">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" v-for="url in brandInfo.picUrl" :style="{ backgroundImage: 'url(' + url + ')' }"></div>
                </div>
            </div>
            <!-- 内容介绍 -->
            <div class="xx-show-detail-htmlcon">
                {{brandInfo.content}}
            </div>
        </div>
        <common-footer></common-footer>
    </div>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        jpp_xx_show_detail();
    </script>
</body>

</html>